<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/mainPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
	</head>
	<body>
		<header class="mainHead">
			<header class="head">
				<div class="advertisement">
					<ul>
						<li>YSL底妆随行礼盒</li>
						<li>YSL方管口红</li>
						<li>YSL小金条两只装礼盒</li>
					</ul>	
				</div>
				<div class="title">
					<div class="link">
						<ul class="link-1">
							<li class="link-1-1"><img src="img/1228.PNG" class="link-1-1-1">&nbsp;&nbsp;专柜查询
							</span></li>
							<li class="point"></li>
							<li class="link-1-2 service">客服中心
							<div id="service">
								<div class="service-1">
									<div class="service-1-1">
										<h3 class="help">我能帮到您什么?</h3>
										<ul class="service-1-1-1">
											<li>常见问题</li>
											<li>订单跟踪</li>
											<li>订购信息</li>
										</ul>
										<ul class="service-1-1-1 service-1-1-2">
											<li>选择我们的原因</li>
											<li>送货与退货</li>
											<li>通用销售条款</li>
										</ul>
									</div>
								</div>
								<div class="service-1 service-2">
									<div class="service-1-1">
										<h3 class="help">联系我们</h3>
										<ul class="service-1-1-1 service-1-1-3">
											<li>400-820-6362(9:00-18:00)</li>
											<li>在线咨询</li>
											<li>我们提供一周五天服务</li>
										</ul>
									</div>
								</div>
							</div>
							</li>
						</ul>
						<ul class="link-2">
							<li class="link-1-1 link-2-1">关注我们
								<img src="img/1229.PNG" id="scan">
							</li>
							<li class="point point1"></li>
							<li class="link-1-2 link-2-2">登录与注册
								<div id="loadBox">
									<div class="loadBox-1">
										<div class="loadBox-1-1">
											用户登录
										</div>
										<div class="loadBox-1-2">
											<div class="phonecode">
												短信验证码登录
											</div>
											<div class="pwdcode">
												账号密码登录
											</div>
										</div>
										<input type="text" name="" id="" placeholder="*手机号" class="phoneNumber"/>
										<div id="check">
											<input type="text" name="" id="" placeholder="*验证码" class="check"/>
										<span class="checkcode">6995</span>
										</div>
										<div id="messageCode">
											<input type="text" name="" id="" placeholder="*短信验证码" class="check"/>
										<span class="sendMessage">发送</span>
										</div>
										<button type="button" class="onload">登录</button>
									</div>
									<div class="loadBox-1 loadBox-11">
										<div class="loadBox-1-1">
											官网专享
										</div>
										<div class="createstate">
											<div class="createstate-1">
												加入YSL官网的过程很简单，您只需要点击“立即注册”，即可进入注册过程，尊享会员专属权益。
											</div>
											<ul>
												<li><span></span>&nbsp;&nbsp;查看历史订单</li>
												<li><span></span>&nbsp;&nbsp;官网独家礼赠</li>
												<li><span></span>&nbsp;&nbsp;收藏您喜欢的产品</li>
												<li><span></span>&nbsp;&nbsp;一手新品咨询</li>
											</ul>
										</div>
										<button type="button" class="onload">创建账户</button>
									</div>
									<div class="thirdway">
										使用第三方账号登录<img src="img/102-3.png" >
									</div>
								</div>
							</li>
							<li class="point point1"></li>
							<li class="link-1-1 link-2-3"><img src="img/1228-1.PNG" class="link-1-1-2">购物袋<span class="mainPageNum">0</span> 件商品<img src="img/1228-2.PNG" class="link-1-1-3">
							</span></li>
						</ul>
						
					</div>
					<img src="img/logo@2x.png" class="logo">
				</div>
				
				
			</header>
		</header>
		<div class="navigate-ton">
			<div class="navigate">
				<ul class="nav-1">
					<li class="nav-1-1 nav-1-2">彩妆
						<div class="selectBox selectBox1">
							<div class="selectBox1-1">
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">唇部</div>
									<div class="selectBox1-1-1-2">唇膏</div>
									<div class="selectBox1-1-1-2">唇釉</div>
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">面部</div>
									<div class="selectBox1-1-1-2">粉底</div>
									<div class="selectBox1-1-1-2">妆前隔离</div>
									<div class="selectBox1-1-1-2">粉饼</div>
									<div class="selectBox1-1-1-2">明彩笔</div>
									<div class="selectBox1-1-1-2">散粉</div>
									<div class="selectBox1-1-1-2">腮红</div>
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">唇部</div>
									<div class="selectBox1-1-1-2">睫毛膏</div>
									<div class="selectBox1-1-1-2">眉笔</div>
									<div class="selectBox1-1-1-2">眼影</div>
								</div>
								
							</div>
							<div class="selectBox1-1-2">
								<div class="selectBox1-1-2-1">
									<img src="img/16089068407206792.jpg" class="selectBox1-1-2-img">
									
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											YSL[方管]口红
										</div>
										<div class="selectBox1-1-2-text2">
											全新1966无法复刻的红棕
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
								<div class="selectBox1-1-2-1">
									<img src="img/16008468125248574_238X265.jpg" class="selectBox1-1-2-img">
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											YSL[小金条]口红
										</div>
										<div class="selectBox1-1-2-text2">
											浓郁雅致&nbsp;释放不羁唇色
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="nav-1-1 nav-1-2">香水
						<div class="selectBox selectBox2">
							<div class="selectBox1-1">
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">女士香水</div>
									<div class="selectBox1-1-1-2">全新圣罗兰女士香水</div>
									<div class="selectBox1-1-1-2">反转巴黎香水</div>
									<div class="selectBox1-1-1-2">黑色奥飘茗香水</div>
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">男士香水</div>
									<div class="selectBox1-1-1-2">Y男士香水</div>
									
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">高定香水</div>
									<div class="selectBox1-1-1-2">衣典香水</div>
		
								</div>
								
							</div>
							<div class="selectBox1-1-2">
								<div class="selectBox1-1-2-1">
									<img src="img/15844444055125751.jpg" class="selectBox1-1-2-img">
									
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											全新圣罗兰女士香水
										</div>
										<div class="selectBox1-1-2-text2">
											馥奇花香&nbsp;肆意如我
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
								<div class="selectBox1-1-2-1">
									<img src="img/1606981403732715_238X265.jpg" class="selectBox1-1-2-img">
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											圣罗兰反转巴黎女士香水
										</div>
										<div class="selectBox1-1-2-text2">
											爱&nbsp;就要天翻地覆
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
							</div>
						</div></li>
					<li class="nav-1-1 nav-1-2">护肤
						<div class="selectBox selectBox3">
							<div class="selectBox1-1">
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">按产品分类</div>
									<div class="selectBox1-1-1-2">隔离防晒</div>
									<div class="selectBox1-1-1-2">卸妆清洁</div>
									<div class="selectBox1-1-1-2">爽肤</div>
									<div class="selectBox1-1-1-2">精华</div>
									<div class="selectBox1-1-1-2">面霜/乳液</div>
									<div class="selectBox1-1-1-2">眼唇护理</div>
									<div class="selectBox1-1-1-2">护肤工具</div>
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">按功能分类</div>
									<div class="selectBox1-1-1-2">全效青春</div>
									<div class="selectBox1-1-1-2">至臻奢护</div>
									<div class="selectBox1-1-1-2">基础亮颜</div>
									
								</div>
								<div class="selectBox1-1-1">
									<div class="selectBox1-1-1-1">按系列分类</div>
									<div class="selectBox1-1-1-2">妍活青春</div>
									<div class="selectBox1-1-1-2">藏金奢颜</div>
									<div class="selectBox1-1-1-2">超模绝密</div>
									<div class="selectBox1-1-1-2">高能修护系列</div>
								</div>
								
							</div>
							<div class="selectBox1-1-2">
								<div class="selectBox1-1-2-1">
									<img src="img/15844449298265349.jpg" class="selectBox1-1-2-img">
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											圣罗兰皇后精华
										</div>
										<div class="selectBox1-1-2-text2">
											细致毛孔&nbsp;平滑透亮
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
								<div class="selectBox1-1-2-1">
									<img src="img/15287127852109712.jpg" class="selectBox1-1-2-img">
									<div class="selectBox1-1-2-text">
										<div class="selectBox1-1-2-text1">
											超模绝密亮肌露*
										</div>
										<div class="selectBox1-1-2-text2">
											打造水感柔滑“丝缎肌”
										</div>
										<div class="selectBox1-1-2-text3">
											了解详情
										</div>
									</div>
								</div>
							</div>
						</div></li>
					<li class="nav-1-2">礼盒</li>
					<li class="nav-1-2">定制服务</li>
					<li class="nav-1-2">会员中心</li>
					<li class="nav-1-2">品牌故事</li>
				</ul>
				<div class="nav-2">
					<div class="nav-2-1">
						<input type="" name="" id="" value="" placeholder="新年礼物"/>
					</div>
					<div class="nav-2-2">
						<img src="img/search-pc.png" >
					</div>
					
				</div>
			</div>
			
			
		</div>
		<div class="banner">
			<div class="abanner1">
				<img src="img/0.jpg" class="bannerImg bannerImg1">
				<img src="img/1.jpg" class="bannerImg bannerImg2">
				<img src="img/2.jpg" class="bannerImg bannerImg3">
				<img src="img/3.jpg" class="bannerImg bannerImg4">
				<img src="img/4.jpg" class="bannerImg bannerImg5">
			</div>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div id="toLeft">
				<img src="img/1230-4.PNG" >
			</div>
			<div id="toRight">
				<img src="img/1230-5.PNG" >
			</div>
			
		</div>
		<div class="favorites">
			<div class="Yslfavorites">
				<h3>YSL FAVORITES</h3>
				<h2>明星产品</h2>
			</div>
			<div class="banner2">
				<ul>
					<li>彩妆</li>
					<li>香水</li>
					<li>护肤</li>
					<li>礼盒</li>
				</ul>	
			</div>
			<div class="favorites-1">
				<div class="favorites-1-img">
					
				</div>
				<div class="favorites-1-banner">
					<div class="favorites-1-banner-1">
						<div class="detailImg">
							<div class="cover">
								
							</div>
						</div>
						
						<div class="buyNow">
							立即购买
						</div>
						<div class="seeMore">
							查看详情
						</div>
						<ul class="selectColor">
							<li class="selectColor1"></li>
							<li class="selectColor2"></li>
							<li class="selectColor3"></li>
							<li class="selectColor4"></li>
							<li class="selectColor5"></li>
						</ul>
						<p class="detailEng">ROUGR PUR COUTURE</p>
						<p class="detailChi">圣罗兰纯口红</p>
						<p class="detailChistate">高定设计&nbsp;馥郁纯正</p>
						<div class="star">
							
						</div>
					</div>
					<div class="favorites-1-banner-2">
						<div class="detailImg detailImg2">
							<div class="cover">
								
							</div>
						</div>
						
						<div class="buyNow">
							立即购买
						</div>
						<div class="seeMore">
							查看详情
						</div>
						<ul class="selectColor">
							<li class="selectColor1"></li>
							<li class="selectColor2"></li>
							<li class="selectColor3"></li>
							<li class="selectColor4"></li>
							<li class="selectColor5"></li>
						</ul>
						<p class="detailEng">ROUGR PUR COUTURE THE SLIM MATTE LIPS TIKE</p>
						<p class="detailChi">圣罗兰细管纯口红</p>
						<p class="detailChistate">浓郁雅致&nbsp;释放不羁唇色</p>
						<div class="star">
							
						</div>
					</div>
					<div class="favorites-1-banner-3">
						<div class="detailImg detailImg3">
							<div class="cover">
								
							</div>
						</div>
						
						<div class="buyNow">
							立即购买
						</div>
						<div class="seeMore">
							查看详情
						</div>
						<ul class="selectColor">
							<li class="selectColor1"></li>
							<li class="selectColor2"></li>
							<li class="selectColor3"></li>
							<li class="selectColor4"></li>
							<li class="selectColor5"></li>
						</ul>
						<p class="detailEng">LE CUSHION ENCRE DE PEAU</p>
						<p class="detailChi">圣罗兰高定皮气垫</p>
						<p class="detailChistate">高定时装&nbsp;服帖随行</p>
						<div class="star">
							
						</div>
					</div>
					<div class="litlebanner">
						<span></span>
						<span></span>
						<span></span>
					</div>
					<div class="litlebanner-pev">
						
					</div>
					<div class="litlebanner-nex">
						
					</div>
				</div>
			</div>
			<div class="favorites-1">
				<img src="img/1230-7.PNG" >
			</div>
			<div class="favorites-1">
				<img src="img/1230-8.PNG" >
			</div>
			<div class="favorites-1">
				<img src="img/1230-9.PNG" >
			</div>
		</div>
		<div class="exclusive">
			<div class="Yslfavorites">
				<h3>EXCLUSIVE SERVICES</h3>
				<h2>官网专享服务</h2>
			</div>
			<div class="exclusive-1">
				<div class="exclusive-1-1 exclusive-1-2">
					<img src="img/16080210831296169.jpg" >
					<p class="exclusive-1-1-1">MAKE IT YOURS</p>
					<p class="exclusive-1-1-2">定制专属你的YSL</p>
					<p class="exclusive-1-1-3">高定礼盒＆定制贺卡， 专属奢宠体验</p>
					<p class="exclusive-1-1-4">了解详情</p>
				</div>
				<div class="exclusive-1-1">
					<img src="img/16089066455003373.jpg" >
					<p class="exclusive-1-1-1">ENGRAVING SERVICE</p>
					<p class="exclusive-1-1-2">尊享刻字礼遇</p>
					<p class="exclusive-1-1-3">臻选YSL明星单品， 镌刻专属印记</p>
					<p class="exclusive-1-1-4">了解详情</p>
				</div>
				<div class="exclusive-1-1">
					<img src="img/16028124096895352.jpg" >
					<p class="exclusive-1-1-1">TRY OUT YSL</p>
					<p class="exclusive-1-1-2">星品试用</p>
					<p class="exclusive-1-1-3">试用体验明星产品</p>
					<p class="exclusive-1-1-4">了解详情</p>
				</div>
				<div class="exclusive-1-1">
					<img src="img/1602812427515454.jpg" >
					<p class="exclusive-1-1-1">YSL REWARDS CLUB</p>
					<p class="exclusive-1-1-2">会员中心</p>
					<p class="exclusive-1-1-3">多元维度会员权益，给你花式宠爱</p>
					<s class="exclusive-1-1-4">了解详情</p>
				</div>
			</div>
		</div>
		<div class="bottomImg">
			<img src="img/16074302524497312.jpg" >
		</div>
		<div class="aside">
			<div class="aside-1">
				<img src="img/1230-10.PNG" >
			</div>
			<div class="aside-2">
				<img src="img/1230-11.PNG" >
			</div>
		</div>
			
		</div>
		<div class="mainFoot">
			<div class="blackOver">
				<div class="black">
					<img src="img/1229-4.PNG" >
				</div>
			</div>
			<div class="white">
				<div class="white-top">
					<ul class="white-top-1">
						<li class="white-input-1-black">彩妆</li>
						<li>唇部</li>
						<li>面部</li>
						<li>眼部</li>
					</ul>
					<ul class="white-top-1">
						<li class="white-input-1-black">香水</li>
						<li>女士香水</li>
						<li>男士香水</li>
						<li>高定香水</li>
					</ul>
					<ul class="white-top-1">
						<li class="white-input-1-black">护肤</li>
						<li>按产品分类</li>
						<li>按功能分类</li>
						<li>按系列分类</li>
					</ul>
					<ul class="white-top-1">
						<li class="white-input-1-black">礼盒</li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<div class="white-top-2">
						<p class="p">订阅电子杂志</p>
						<div class="white-input">
							<div class="white-input-1">
								<input type="" name="" id="" value="" class="white-input-1-1"/>
								<div class="state">
									<input type="checkbox" class="checkbox"/><span>我同意依照本使用条款和隐私政策对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该使用条款和隐私政策的内容。</span> 
								</div>
								<p>请输入正确的邮箱</p>
							</div>
							<div class="white-input-2">
								OK
							</div>
						</div>
						<p class="p1">关注我们</p>
						<div class="white-top-2-1">
							<img src="img/1229-5.PNG" class="foucus">
							<div class="white-chat">
								<img src="img/1229-6.PNG" class="foucus" >
								<img src="img/footer-qr-code.png" class="code">
							</div>
							
						</div>
						<p class="p2 p21">联系我们</p>
						<p class="p2">电话：400-820-6362</p>
					</div>
				</div>
				<img src="img/logo@2x.png" id="logoImg">
			</div>
			<div class="bottomOver">
				<div class="bottom">
					<div class="bottom-1">
						国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。
					</div>
					<div class="bottom-1 bottom-11">
						<span>© 欧莱雅（中国）有限公司</span>
						<img src="" >
						
						<span> 中国工商</span>
						
						<span>沪ICP备08100043号-28 </span>
						<img src="" >
						
						<span>沪公网安备 31010602001529号</span>
					</div>
					<div class="bottom-1 bottom-11">
						<span>Cookies政策</span>
						<span>使用条款</span>
						<span>隐私政策</span>
						<span>网站地图</span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/mainPage.js"></script>
<script type="text/javascript" src="js/head.js"></script>
<script type="text/javascript" src="js/foot.js"></script>
<script type="text/javascript">
// 	$(".mainHead").load("head.html",function(){});
// 	$(".mainFoot").load("foot.html",function(){});
	
</script>